<template>
  <div :style="{ width: props.width, height: props.height }">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      :width="props.width"
      :height="props.height"
      viewBox="0 0 373.292 227.046"
      preserveAspectRatio="none meet"
    >
      <g id="边框2" transform="translate(-542.102 -115.681)">
        <g id="组_5014" data-name="组 5014">
          <path
            id="路径_1155"
            data-name="路径 1155"
            d="M581.023,117.361H542.685v223.03h38.338"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
          />
          <path
            id="路径_1156"
            data-name="路径 1156"
            d="M549.531,198.639v59.675l-6.789,6.789v-73.31Z"
            :fill="states.color"
          />
        </g>
        <g id="组_5015" data-name="组 5015">
          <path
            id="路径_1157"
            data-name="路径 1157"
            d="M876.473,117.361h38.338v223.03H876.473"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
          />
          <path
            id="路径_1158"
            data-name="路径 1158"
            d="M907.965,198.639v59.675l6.789,6.789v-73.31Z"
            :fill="states.color"
          />
        </g>
        <g id="组_5016" data-name="组 5016">
          <line
            id="直线_2"
            data-name="直线 2"
            x2="172.978"
            transform="translate(642.182 117.361)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
          />
          <path
            id="路径_1159"
            data-name="路径 1159"
            d="M665.915,123.713H790.057l6.352-6.352H660.894Z"
            :fill="states.color"
          />
          <rect
            id="矩形_22"
            data-name="矩形 22"
            width="5.832"
            height="5.832"
            transform="translate(587.717 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_23"
            data-name="矩形 23"
            width="5.832"
            height="5.832"
            transform="translate(598.264 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_24"
            data-name="矩形 24"
            width="5.832"
            height="5.832"
            transform="translate(608.81 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_25"
            data-name="矩形 25"
            width="5.832"
            height="5.832"
            transform="translate(619.357 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_26"
            data-name="矩形 26"
            width="5.832"
            height="5.832"
            transform="translate(629.903 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_27"
            data-name="矩形 27"
            width="5.832"
            height="5.832"
            transform="translate(821.606 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_28"
            data-name="矩形 28"
            width="5.832"
            height="5.832"
            transform="translate(832.152 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_29"
            data-name="矩形 29"
            width="5.832"
            height="5.832"
            transform="translate(842.699 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_30"
            data-name="矩形 30"
            width="5.832"
            height="5.832"
            transform="translate(853.245 115.681)"
            :fill="states.color"
          />
          <rect
            id="矩形_31"
            data-name="矩形 31"
            width="5.832"
            height="5.832"
            transform="translate(863.792 115.681)"
            :fill="states.color"
          />
        </g>
        <g id="组_5017" data-name="组 5017">
          <line
            id="直线_3"
            data-name="直线 3"
            x2="172.978"
            transform="translate(642.182 341.047)"
            fill="none"
            :stroke="states.color"
            stroke-miterlimit="10"
            stroke-width="1.166"
          />
          <path
            id="路径_1160"
            data-name="路径 1160"
            d="M665.915,334.7H790.057l6.352,6.352H660.894Z"
            :fill="states.color"
          />
          <rect
            id="矩形_32"
            data-name="矩形 32"
            width="5.832"
            height="5.832"
            transform="translate(587.717 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_33"
            data-name="矩形 33"
            width="5.832"
            height="5.832"
            transform="translate(598.264 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_34"
            data-name="矩形 34"
            width="5.832"
            height="5.832"
            transform="translate(608.81 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_35"
            data-name="矩形 35"
            width="5.832"
            height="5.832"
            transform="translate(619.357 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_36"
            data-name="矩形 36"
            width="5.832"
            height="5.832"
            transform="translate(629.903 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_37"
            data-name="矩形 37"
            width="5.832"
            height="5.832"
            transform="translate(821.606 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_38"
            data-name="矩形 38"
            width="5.832"
            height="5.832"
            transform="translate(832.152 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_39"
            data-name="矩形 39"
            width="5.832"
            height="5.832"
            transform="translate(842.699 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_40"
            data-name="矩形 40"
            width="5.832"
            height="5.832"
            transform="translate(853.245 336.895)"
            :fill="states.color"
          />
          <rect
            id="矩形_41"
            data-name="矩形 41"
            width="5.832"
            height="5.832"
            transform="translate(863.792 336.895)"
            :fill="states.color"
          />
        </g>
      </g>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },
  height: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;
</script>

<style scoped lang="scss"></style>
